<template>
    <el-card class="emitting-data-preview">
      <h3 slot="header">碳排放计算结果预览</h3>
      <el-row :gutter="20">
        <el-col :span="8">
          <p>年度总排放量：<strong>{{ totalEmissions }} 吨 CO2e</strong></p>
        </el-col>
        <el-col :span="8">
          <p>直接排放量：<strong>{{ directEmissions }} 吨 CO2e</strong></p>
        </el-col>
        <el-col :span="8">
          <p>间接排放量：<strong>{{ indirectEmissions }} 吨 CO2e</strong></p>
        </el-col>
      </el-row>
    </el-card>
  </template>
  
  <script>
  import { ElCard, ElRow, ElCol } from 'element-ui';
  
  export default {
    components: {
      ElCard,
      ElRow,
      ElCol,
    },
    props: {
      totalEmissions: { type: Number, required: true },
      directEmissions: { type: Number, required: true },
      indirectEmissions: { type: Number, required: true },
    },
  };
  </script>
  
  <style scoped>
  .emitting-data-preview {
    /* 样式补充 */
  }
  </style>